<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>开发</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <style>



    .header {
        width: 93%;
        height: 3rem;
        padding: 0.5rem 0.8rem;
        border-bottom: 1px solid rgb(242, 242, 242, 0.5);
        line-height: 3rem;
        position: fixed;
        top: 0rem;
        background-color: #fff;
    }

    .header ul {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .header ul li {
        width: 30%;
        text-align: center;
        float: left;
    }

    .header ul li a {
        color: black;
        text-decoration: none;
        font-weight: bold;
    }

    #a {
        color: #40cccc;
    }
    .lines_s {
        position: absolute;
        top:3.7rem;
        left: 20%;
        border-bottom: 0.25rem solid #40cccc;
        width: 2rem;
    }
    .lines_ss {
        position: absolute;
        top:3.7rem;
        right: 20%;
        border-bottom: 0.25rem solid #40cccc;
        width: 2rem;
    }
    .nav{
    width: 93%;
    /*height: 100%;*/
    padding: 0.5rem 0.8rem;
    background-color: rgb(242, 242, 242, 0.5);
    margin-top: 4rem;
    }
    .nav_one{
      width: 90%;
      height: 15rem;
      margin: 2rem auto;
    }
    .nav_one h3{
      width: 100%;
      height: 2rem;
      line-height: 2rem;
    }
    .nav_ni{
      width: 100%;
      height:13.5rem;
      background-color: #fff;
      margin-top: 0.5rem;
    }
    .fl{
      float: left;
    }
    .fr{
      float: right;
    }
    .ni_top{
      width: 93%;
      padding: 1rem 0.8rem;
      height:3rem;
      line-height: 3rem;
      border-bottom: 0.1rem solid rgb(242, 242, 242, 0.5);
    }
    p{
      font-size: 1.1rem;
    }
    .ni_img{
      width:23%;
      height: 50%;
      margin-left: 0.5rem;
      margin-top: 0.5rem;
    }
    .ni_img img{
      width: 100%;
      height: 100%;
    }
    .ni_bottom{
      width: 93%;
      padding: 1rem 0.8rem;
      height: 8rem;
      line-height: 3rem;
    }
    .ni_n{
      width:100%;
      height: 4.5rem;
      line-height: 2rem;
      display: flex;
      justify-content: space-between;

    }
    .ff{
      width: 30%;
      height: 4.5rem;
      text-align: center;
    }
    .nav_two{
      width: 90%;
      height: 80%;
      margin: 4rem auto 0rem;
    }
    .nav_two h3{
      width: 100%;
      height: 2rem;
      line-height: 2rem;
    }
    .nav_xue{
      width: 100%;
      height:10rem;
      margin-top: 0.8rem;
    }
    .xue_top{
      width: 100%;
      height: 2rem;
    }
    .xue_img{
        width: 3%;
        height:35%;
        margin-right: 0.8rem;
        margin-top: 0.1rem
    }
    .xue_img img{
      width: 100%;
      height: 100%;
    }
    .xue_bottom{
      width: 100%;
      height: 5rem;
      margin-top: 1rem;
      display: flex;
      justify-content: space-between;
    }
    .bo_img{
      width: 30%;
      height: 83%;
    }
    .bo_imgs{
      width: 45%;
      height: 90%;
    }
    .bo_imgs img{
      width: 100%;
      height: 100%;
    }
    .bo_img img{
      width: 100%;
      height: 100%;
    }
  .three_all{
    width: 90%;
    margin: 0.5rem auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .all_one{
    width: 40%;
    height: 10rem;
    background-color: #fff;
    padding: 0.8rem;
    margin-top: 1rem;
  }
  .all_p{
    width: 100%;
    text-align: center;
    height: 7.5rem;
    border-bottom: rgb(242, 242, 242, 0.5);
  }
  .all_jia{
    width: 100%;
    text-align: center;
    color: #ccc;
  }
  .no{
    width: 100%;
    /*height: rem;*/
  }
  .order{
    width:50%;
    margin: 0 auto;
    height: 2rem;
    line-height: 2rem;
    color:#FFF;
    background-color: #40CCCC;
    border-radius: 1rem;
  }
    </style>
</head>
<body>
  <div class="header">
      <ul>
          <li onclick="set_frame(0)"><a href="#" id="wddx">我的大学</a></li>
          <div class="lines_s" id="wddx1"></div>

          <li onclick="set_frame(1)"><a href="#" id="zjjz">专家讲座</a>
          <div class="lines_ss" id="zjjz1"></div>
          </li>

      </ul>
  </div>



</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery-1.8.3.js"></script>

<script type="text/javascript" src="../script/common.js"></script>
<script>

apiready = function() {
  // get_banenrlist()//获取banner列表
  // guesslike()//猜你喜欢（无算法）
  // get_cur_list();//获取列表课程（无算法）

  api.addEventListener({
      name:'unif_form',
      extra:{
          threshold:0
      }
  }, function(ret, err){
      if(ret.value.index==0){//我的大学
        $("#wddx1").css("display",'block')
        $("#wddx").css("color",'#40CCCC');
        $("#zjjz1").css("display",'none')
        $("#zjjz").css("color",'black');
      }else{//专家讲座
        $("#zjjz1").css("display",'block')
        $("#zjjz").css("color",'#40CCCC');
        $("#wddx1").css("display",'none')
        $("#wddx").css("color",'black');

      }
        //alert( JSON.stringify( ret ) );
  });
}
function set_frame(keys) {
  api.setFrameGroupIndex({
      name: 'unif_form',
      index: keys
  });
}

</script>
</html>
